<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="always" name="referrer">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>注册</title>
<link rel="stylesheet" href="/LianniuWeb/tea/css/reset.css">
<link rel="stylesheet" href="/LianniuWeb/tea/build/css/layui.css" media="all">
<link rel="stylesheet"
	href="/LianniuWeb/tea/views/register/register.css">
	<style type="text/css">
			.pop-btn {
				margin-left: -19px;
			    line-height: 18px;
			    background: 0 0;
			    color: red;
			    font-size: 14px;
			}
			.demand-box-new {
				text-align: center;
			}
			.l_box_new {
				display: inline-block;;
			}
			.new_box{
				text-align: center;
			}
		</style>
</head>

<body>
	<form class="layui-form" id="buyer">
		<div class="load-box">
			<div class="phone-box clear">
				<span class="icon-box fl phone-icon"></span> <input
					class="fl phone-input" type="text" name="phone" id="myPhone"
					placeholder="手机号" />
			</div>
			<div class="verification-box clear">
				<div class="verification-fl fl">
					<span class="icon-box fl verification-icon"></span> <input
						class="fl phone-input" type="text" name="code" id="checkcode"
						placeholder="验证码" />

				</div>
				<div class="verification-fr fr">
					<input class="fr" id="code" type="button" value="发送验证码">
				</div>
			</div>
			<div class="password-box clear">
				<span class="icon-box fl p-icon"></span> <input
					class="fl phone-input" type="text" name="passWord" id="password"
					placeholder="登录密码（6-16位数字字母组合）" />
			</div>
			<div class="password-box clear">
				<span class="icon-box fl p-icon"></span> <input
					class="fl phone-input" type="text" name="passWord2" id="password2"
					placeholder="请重新输入密码" />
			</div>
			<div class="password-box clear">
				<span class="icon-box fl register-icon2"></span> <input
					class="fl phone-input" type="text" name="linkMan" id="linkMan"
					placeholder="输入联系人姓名" />
			</div>
			<div class="password-box clear">
				<span class="icon-box fl register-icon1"></span> <input
					class="fl phone-input" id="expressArea" type="text" name="selectAddr"
				 	placeholder="选择地址" />
			</div>
			<div class="password-box clear">
				<span class="fl icon-box register-icon9"></span> <input
					class="fl phone-input" type="text" name="detailAddr" id="detailAddr"
					placeholder="输入详细地址" />
			</div>
			<div class="password-box clear">
				<span class="icon-box fl register-icon3"></span> <input
					class="fl phone-input" type="text" name="nickName" id="nickName"
					placeholder="设置用户名" />
			</div>
			<div class="demand-box demand-box-new">
				<div class="new_box l_box_new">
					<div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary"><span>阅读并同意</span><i class="layui-icon"></i></div>
					<a href="#" class="pop-btn ">《会员用户注册协议》</a>
				</div>
			</div>
			<input type="button" value="立即注册" id="btn" class="load-btn" />
		</div>
	</form>
	<!--选择地区弹层-->
	<section id="areaLayer" class="express-area-box">
		<header>
			<h3>选择地区</h3>
			<a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
			<a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
		</header>
		<article id="areaBox">
			<ul id="areaList" class="area-list"></ul>
		</article>
	</section>
	<!--遮罩层-->
	<div id="areaMask" class="mask"></div>
	<script type="text/javascript" src="/LianniuWeb/tea/js/flexible.js"></script>
	<script type="text/javascript"
		src="/LianniuWeb/tea/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="/LianniuWeb/tea/js/area2.js"></script>
	<script src="/LianniuWeb/tea/views/register/register.js"></script>
	<script src="/LianniuWeb/js/commons/phoneCode.js"></script>
	<script src="/LianniuWeb/js/commons/commons.js"></script>
	<script>
		$(function(){
			$('.pop-btn').on('click',function(){
				window.location = server_url + "thatTea.do";
			});
		});
		/* var InterValObj; //timer变量，控制时间
		var count = 30; //间隔函数，1秒执行
		var curCount; //当前剩余秒数
		var code = ""; //验证码
		var codeLength = 6; //验证码长度
		function sendMessage() {
			curCount = count;
			var dealType; //验证方式
			var uid = $("#uid").val(); //用户uid
			if($("#phone").attr("checked") == true) {
				dealType = "phone";
			} else {
				dealType = "email";
			}
			//产生验证码
			for(var i = 0; i < codeLength; i++) {
				code += parseInt(Math.random() * 9).toString();
			}
			//设置button效果，开始计时
			$("#btnSendCode").attr("disabled", "true");
			$("#btnSendCode").val(+curCount + "秒再获取");
			InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
			//向后台发送处理数据
			$.ajax({
				type: "POST", //用POST方式传输
				dataType: "text", //数据格式:JSON
				url: 'Login.ashx', //目标地址
				data: "dealType=" + dealType + "&uid=" + uid + "&code=" + code,
				error: function(XMLHttpRequest, textStatus, errorThrown) {},
				success: function(msg) {}
			});
		}
		//timer处理函数
		function SetRemainTime() {
			if(curCount == 0) {
				window.clearInterval(InterValObj); //停止计时器
				$("#btnSendCode").removeAttr("disabled"); //启用按钮
				$("#btnSendCode").val("重新发送验证码");
				code = ""; //清除验证码。如果不清除，过时间后，输入收到的验证码依然有效    
			} else {
				curCount--;
				$("#btnSendCode").val(+curCount + "秒再获取");
			}
		} */
	</script>
</body>

</html>